<template>
<div class="w750" :class="themes.theme">
		<!-- /头部 -->
		<!-- 拼团玩法 -->
		<div class="fight-rule">
			<div class="rule-item">
				<div class="rule-step">1.选择心仪的商品</div>
				<div class="rule-con"><img src="../../assets/images/fight-rule01.jpg" alt=""></div>
			</div>
			<div class="rule-item">
				<div class="rule-step">2.支付开团或参团</div>
				<div class="rule-con"><img src="../../assets/images/fight-rule02.jpg" alt=""></div>
			</div>
			<div class="rule-item">
				<div class="rule-step">3.邀请好友参团</div>
				<div class="rule-con"><img src="../../assets/images/fight-rule03.jpg" alt=""></div>
			</div>
			<div class="rule-item">
				<div class="rule-step">4.达到人数开团成功</div>
				<div class="rule-con suc"><img src="../../assets/images/fight-rule04.jpg" alt=""></div>
			</div>
			<div class="rule-item">
				<div class="rule-step">5.未达到人数参团失败</div>
				<div class="rule-con fai"><img src="../../assets/images/fight-rule05.jpg" alt=""></div>
				<div class="rule-des">（在规定时间内，未达到成团人数，即拼团失败取消订单，支付金额将会原路返回付款账户）</div>
			</div>
			<div class="rule-item">
				<div class="rule-step">活动说明</div>
				<div class="rule-des">
					a. 用户点击我要开团或我要参团，在团有效时间内凑齐成团人数，即可拼购成功，商家将会发货；<br>
					b. 在团有效时间内未凑齐成团人数，即拼购失败，系统自动取消订单并全额退款，支付金额将会原路退回付款账户；<br>
					c. 团有效时间，即拼团允许邀请好友参团的时间，可在拼团详情页查看倒计时
				</div>
			</div>
		</div>
		<!-- /拼团玩法 -->
	</div>
</template>

<script>
import {mapState} from 'vuex'
 export default {
   data () {
     return {
         
     }
   },
   mounted () {
     let that = this


   },
   methods: {
   },
   	computed: {
		...mapState(['themes']),
	},
   components: {

   }
 };
</script>

<style scoped>
    @import "../../assets/css/style/fight-style.css";
    @import "../../assets/css/fight.css";
</style>
